<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <title>OpenBlock-Sample</title>

    <style>
      .OB {
        background-color: #322796;
        width: 100%;
        height: 200px;
        text-decoration: none;
      }

      .title-img {
        height: 100px;
        width: 340px;
        text-decoration: none;
      }

      .word {
        color: azure;
        font-size: 15px;
        font-family: Arial;
        text-decoration: none;
      }

      .choice {
        color: dodgerblue;
        font-size: 15px;
        font-family: Arial;
        text-decoration: none;
      }

      .home {
        background-color: #000032;
        width: 100%;
        height: 600px;
        text-decoration: none;
      }

      .home-text-title {
        font-family: Arial;
        font-size: 30px;
        color: azure;
        text-decoration: none;
      }

      .download-word {
        font-size: 20px;
        color: white;
        font-family: Arial;
        text-decoration: none;
      }
      .try {
        margin-top: 20px;
        margin-right: 20px;
        height: 50px;
        width: 200px;
        background-color: green;
        color: white;
        text-decoration: none;
      }
    </style>
    <script>
      function openProject(jsonPatn) {
        let IDE_PATH = '../openblock/'
        let url =
          IDE_PATH +
          'frontpage/index.html#%7B%22proj%22:%22/testing/' +
          jsonPatn +
          '%22%7D'
        window.open(url)
      }
    </script>
  </head>
  <body style="text-align: center;">
    <div class="OB">
      <img class="title-img" src="Open.png" />
      <div class="download-word">
        <text>
          新一代图形化编程语言
        </text>
      </div>
      <div style="line-height: 50px;">
        <a class="word" href="http://xuesheng-chengxuyuan.gitee.io/download-openblock/">[ 主页 ]</a>
        <a class="choice" href="http://openblock.gitee.io/testing/">[ 样例 ]</a>
        <a class="word" href="http://xuesheng-chengxuyuan.gitee.io/download-openblock/download.html">[ 下载 ]</a>
      </div>
      <div class="home" style="line-height: 100px;">
        <text class="home-text-title">
          样例
        </text>
        <div style="line-height: 50px;">
          <div>
            <a onclick="openProject('canvas/life-expectancy/project.json')">
              <button class="try">
                <text class="download-word">可视化数据</text>
              </button>
            </a>
            <a onclick="openProject('canvas/lifeRestart/project.json')">
              <button class="try">
                <text class="download-word">人生重启模拟器</text>
              </button>
            </a>
            <a onclick="openProject('canvas/bird/project.json')">
              <button class="try">
                <text class="download-word">越障游戏</text>
              </button>
            </a>
            <a onclick="openProject('123woodenboy/123woodenboy.json')">
              <button class="try">
                <text class="download-word">123木头人</text>
              </button>
            </a>
            <a onclick="openProject('cross/cross.json')">
              <button class="try">
                <text class="download-word">过马路</text>
              </button>
            </a>
            <a onclick="openProject('canvas/反应游戏/project.json')">
              <button class="try">
                <text class="download-word">反应游戏</text>
              </button>
            </a>
            <a onclick="openProject('canvas/stream/project.json')">
              <button class="try">
                <text class="download-word">字符串流处理</text>
              </button>
            </a>
            <a onclick="openProject('text.json')">
              <button class="try">
                <text class="download-word">文本合成</text>
              </button>
            </a>
            <a onclick="openProject('fsm-door.json')">
              <button class="try">
                <text class="download-word">门的状态切换</text>
              </button>
            </a>
            <a onclick="openProject('text_join/project.json')">
              <button class="try">
                <text class="download-word">文本连接</text>
              </button>
            </a>
            <a onclick="openProject('canvas/chart/project.json')">
              <button class="try">
                <text class="download-word">柱状图</text>
              </button>
            </a>
            <a onclick="openProject('canvas/Canvas坐标.json')">
              <button class="try">
                <text class="download-word">canvas坐标</text>
              </button>
            </a>
            <a onclick="openProject('function.json')">
              <button class="try">
                <text class="download-word">函数样例</text>
              </button>
            </a>
            <a onclick="openProject('函数调用.json')">
              <button class="try">
                <text class="download-word">函数样例二</text>
              </button>
            </a>
            <a onclick="openProject('canvas/fillRect/colorRect.json')">
              <button class="try">
                <text class="download-word">矩形和文字</text>
              </button>
            </a>
            <a onclick="openProject('delayPrint/project.json')">
              <button class="try">
                <text class="download-word">延时消息</text>
              </button>
            </a>
            <a onclick="openProject('changeState.json')">
              <button class="try">
                <text class="download-word">状态切换</text>
              </button>
            </a>
            <a onclick="openProject('canvas/chart1/project.json')">
              <button class="try">
                <text class="download-word">散点图</text>
              </button>
            </a>
            <a onclick="openProject('canvas/jump.json')">
              <button class="try">
                <text class="download-word">跳一跳</text>
              </button>
            </a>
            <a onclick="openProject('canvas/fillRect/fillRect.json')">
              <button class="try">
                <text class="download-word">矩形动画</text>
              </button>
            </a>
            <a onclick="openProject('messageArgument/project.json')">
              <button class="try">
                <text class="download-word">附加数据</text>
              </button>
            </a>
            <a onclick="openProject('pingpong/project.json')">
              <button class="try">
                <text class="download-word">状态机通信</text>
              </button>
            </a>
          </div>
        </div>
      </div>
      <div class="OB" style="line-height: 100px;">
        <div>
          <text class="word">
            联系我们：duzc2dtw(微信)
          </text>
        </div>
        <div>
          <text class="word">
            网页作者：陈卓
          </text>
        </div>
      </div>
    </div>
  </body>
</html>
>
